.indexbang{ width:100%; height:100%; position:relative;}
.indexbang .itembox{ width:100%; height:80%; margin:0 auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-46%); overflow:hidden; padding:0 20px; padding-top:60px;}
.indexbang .itembox .scrollbox{ overflow:auto; height:90%; line-height:1.8em; color:#fff; padding:20px; border:1px solid rgba(255,255,255,.1); font-size:16px;}
.indexbang .itembox .scrollbox::-webkit-scrollbar{ width:4px; height:20px; background:rgba(255,255,255,.2)}
.indexbang .itembox .scrollbox::-webkit-scrollbar-thumb{background:#00a971; border-radius:2px;}
.indexbang .itembox .scrollbox p{ padding:0.5em 0; text-indent:2em; text-align:justify;}

.indexbang .itembox .bang{ margin:0 -1%;}
.indexbang .itembox .bang .item{ width:14.666%; margin:0 1% 20px 1%; float:left; padding:10px 0 5px 0; text-align:center; border-radius:10px;}
.indexbang .itembox .bang .item.s1{ background:#8ebbdd; background:linear-gradient(180deg,#8ebbdd,#4e99c8);}
.indexbang .itembox .bang .item.s2{ background:#e9d8ba; background:linear-gradient(180deg,#e9d8ba,#bf9864);}
.indexbang .itembox .bang .item.s3{ background:#5497cb; background:linear-gradient(180deg,#5497cb,#357db9);}
.indexbang .itembox .bang .item.s4{ background:#dda475; background:linear-gradient(180deg,#dda475,#b35a3c);}
.indexbang .itembox .bang .item.s5{ background:#ab4343; background:linear-gradient(180deg,#b76a84,#ab4343);}
.indexbang .itembox .bang .item.s0{ background:#f0c764; background:linear-gradient(180deg,#f0c764,#d77d31);}
.indexbang .itembox .bang .item .name{ font-size:32px; font-weight:bold; line-height:1.4em;}
.indexbang .itembox .bang .item .desc{ font-size:18px; line-height:1.8em;}
.indexbang .itembox .bang .item img{ margin:0 auto; width:100px;}

.indexbang .itembox .list{ margin:0 -1%;}
.indexbang .itembox .list .item{ width:14.666%; margin:8px 1% 8px 1%; float:left; padding:3px 0; text-align:center; border-radius:4px; border:1px solid rgba(255,255,255,0.5);}

.indexbang .itembox .catlist{}
.indexbang .itembox .catlist .item{ width:12.5%; float:left; text-align:center;}
.indexbang .itembox .catlist .item img{width:70px; height:70px; border-radius:50%; background:rgba(255, 255, 255, 0.1);}
.indexbang .itembox .catlist .item .name{ line-height:2em;}